<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
	<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400" rel="stylesheet">
	
<title>SHOPPING</title>
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/owl.carousel.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/owl.theme.default.min.css">

	<!-- Flexslider  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/flexslider.css">

	<!-- Pricing -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/pricing.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style1.css">

	<!-- Modernizr JS -->
	<script src="${pageContext.request.contextPath}/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/reset.css">
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/main.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css"  type="text/css">
 
    <link rel="stylesheet" href="${pageContext.request.contextPath}/font-awesome/css/font-awesome.min.css"  type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/fonts/font-slider.css" type="text/css">
    <style type="text/css">
    body,td,th {
	font-family: "Ek Mukta", sans-serif;
}
a:hover {
	color: #F8F8F8;
}
    </style>
<script src="${pageContext.request.contextPath}/js/jquery-2.1.1.js"></script> 
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>

<body>
	
	<nav class="fh5co-nav" role="navigation">
		<div class="top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 text-right">
						<p class="num"><a href="${pageContext.request.contextPath }/userInfo/seeInfo.do">我的账户</a></p>
						<p class="num"><a href="#">站内信</a></p>
					</div>
				</div>
			</div>
		</div>
		<div class="top-menu">
			<div class="container">
				<div class="row">
					<div class="col-xs-2">
						<div id="fh5co-logo"><a href="#"><i class="icon-study"></i>开啃<span>.</span></a></div>
					</div>
					
					<div class="col-xs-4">

						<form action="${pageContext.request.contextPath }/goods/getGoodsByName.do">
	
							<input type="text" placeholder="Search here..." name="name">
							<input type="submit" value="搜索">
						
						</form>

					</div>
					<div class="col-xs-6 text-right menu-1">
						<ul>
							<li class="active"><a href="${pageContext.request.contextPath }/goods/shouye.do">首页</a></li>
							<li><a href="#">商品上新</a></li>
							<li class="has-dropdown"><a href="#">商品分类</a>
							<ul class="dropdown">
							<li><a href="${pageContext.request.contextPath }/goods/getWenxue.do">文学小说</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getSheke.do">社科图书</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getErtong.do">儿童图书</a></li>
							<li><a href="${pageContext.request.contextPath }/goods/getJiaoxue.do">教学教辅</a></li>
						    </ul></li>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">联系我们</a></li>
							<li class="btn-cta"><a href="${pageContext.request.contextPath }/cart/seeCart.do"><span>购物车</span></a></li>

						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</nav>

 <form  id="shop_true" action="${pageContext.request.contextPath }/trans/giveTrans.do" method="post" >
<div class="shoppingCart comWidth">
	<div class="shopping_item">
		<h3 class="shopping_tit">收货地址</h3>
		<div class="shopping_cont padding_shop">
			<ul class="shopping_list">
				<li><span class="shopping_list_text"><em>*</em>邮政编码：</span><input type="text" name="postcode"  class="input">
				</li>
				<li><span class="shopping_list_text"><em>*</em>详细地址：</span><input type="text" name="address"  class="input"></li>
				<li><span class="shopping_list_text"><em>*</em>收 货 人：</span><input type="text" name="name" class="input"></li>
				<li><span class="shopping_list_text"><em>*</em>手	机：</span><input type="text" name="phone"  class="input"></li>
				<!-- <li><input type="button" class="affirm"> <h7 class="address"><a href="index.html">管理收货地址</a></h7></li>   -->
			</ul>
		</div>
	</div>
	<div class="hr_25"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">支付方式</h3>
		<div class="shopping_cont padding_shop">
			<ul class="shopping_list">
				  <label style="text-align: left">
              <input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0">
              平台余额支付     
              <input type="radio" name="RadioGroup1" value="0" id="RadioGroup1_1">
            第三方支付 </label>
			</ul>
		</div>
	</div>
	<div class="hr_25"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">送货清单<a href="#" class="backCar">返回购物车修改</a></h3>
		<div class="shopping_cont pb_10">
			<div class="cart_inner">
				<div class="cart_head clearfix">
					<div class="cart_item t_name">商品名称</div>
					<div class="cart_item t_price">单价</div>
					<div class="cart_item t_num">数量</div>
					<div class="cart_item t_subtotal">小计</div>
				</div>
				<div class="cart_cont clearfix">
					<div class="cart_item t_name">
						<div class="cart_shopInfo clearfix">
							<img src="${pageContext.request.contextPath}/images/${orderGoodInfo.id}.jpg" alt="">
							<div class="cart_shopInfo_cont">
								<p class="cart_link"><a href="#">${orderGoodInfo.name}</a></p>
								<p class="cart_info">${orderGoodInfo.author}</p>
							</div>
						</div>
					</div>
					<div class="cart_item t_price">
						${orderGoodInfo.price}
					</div>
					
					<div class="cart_item t_num">1</div>
					<div class="cart_item t_subtotal t_red">${orderGoodInfo.price}</div>
				</div>
				
			</div>
		</div>
	</div>
	<div class="hr_25"></div>
	<div class="shopping_item">
		<h3 class="shopping_tit">订单结算</h3>
		<div class="shopping_cont padding_shop clearfix">
			<div class="cart_count fr">
				<div class="cart_rmb">
					<i>总计：</i><span>￥${orderGoodInfo.price}</span>
				</div>
				<div class="cart_btnBox">
                    <input type="submit" class="cart_btn"  value="确认">
				
				</div>
			</div>
		</div>
	</div>
</div>
</form>
<div class="hr_25"></div>
</body>
</html>

